<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>资源</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/ziyuan.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
	</head>
	<body>
		<input type="checkbox" id="check" />
		<input type="checkbox" id="check2" />
		<input type="checkbox" id="check3" />
		<input type="checkbox" id="check4" />
		<input type="checkbox" id="check5" />
		<input type="checkbox" id="check6" />
		<input type="checkbox" id="check7" />
		<input type="checkbox" id="check8" />
		<input type="checkbox" id="check9" />
		<input type="checkbox" id="check11" />
		<div class="mobile">
			<!--头部-->
			<header>
				<label for="check">
					<ul class="login">
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<div class="message1">1</div>
				</label>
				<div class="logo"><img src="img/logo.png"/></div>
				<div class="search">
					<label for="check11">
						<img src="img/search.png"/>
					</label>
				</div>
			</header>
			
				<!--轮播图-->
		  	<div class="swiper-container">
		  	  <div class="swiper-wrapper">
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb1.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb2.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb3.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		     	 <div class="swiper-slide">
		     	 	<div class="lb_img">
			     	 	<img src="img/lb4.png"/>
		     	 	</div>
		     	 	<div class="lb_txt">
		     	 		<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
		     	 		<i class="iconfont icon-aixin love1"><span>120</span></i>
		     	 		<i class="iconfont icon-yanjing yanjing1"><span>560</span></i>
		     	 		<p>12月26日 07:33:43</p>
		     	 	</div>
		     	 </div>
		   	  </div>		    
		    <!-- Add Pagination -->
		    	<div class="swiper-pagination"></div>		    
		  	</div>
		  
			<script src="js/swiper-4.3.3.min.js"></script>
		
		  	<!-- Initialize Swiper -->
			<script>
			    var mySwiper = new Swiper('.swiper-container', {
			    	autoplay:true,
			    	autoplay: {
							    delay: 2000,
							    stopOnLastSlide: false,
							    disableOnInteraction: true,
							    },
							    
							    
			  		
			    });
			    /*鼠标滑过pagination控制swiper切换*/
					for(i=0;i<mySwiper.pagination.bullets.length;i++){
					  mySwiper.pagination.bullets[i].index=i
					  mySwiper.pagination.bullets[i].onmouseover=function(){
					    mySwiper.slideTo(this.index);
					  };
					}
			</script>
			<!--主体内容-->
			<section>
				<!--腾讯视频-->
				<div class="tenxun clear_fix">
					<label for="check9">
						<div class="tenxun_left"><img src="img/tenxun_img.jpg"/></div>
					</label>
					<div class="tenxun_right">
						<h1>腾讯视频</h1>
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
						<p>
							2015-9-3
							<i class="iconfont icon-yanjing yanjing"></i>
							<span>250</span>
						</p>
					</div>
				</div>
				<!--腾讯视频-->
				<div class="tenxun2 clear_fix">
					<label for="check9">
						<div class="tenxun_left"><img src="img/tenxun_img.jpg"/></div>
					</label>
					<div class="tenxun_right">
						<h1>腾讯视频</h1>
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
						<p>
							2015-9-3
							<i class="iconfont icon-yanjing yanjing"></i>
							<span>250</span>
						</p>
					</div>
				</div>
				<!--腾讯视频-->
				<div class="tenxun3 clear_fix">
					<label for="check9">
						<div class="tenxun_left"><img src="img/tenxun_img.jpg"/></div>
					</label>
					<div class="tenxun_right">
						<h1>腾讯视频</h1>
						<p>腾讯视频贴片广告、60秒贴片广告质量超棒、欢迎尝试......</p>
						<p>
							2015-9-3
							<i class="iconfont icon-yanjing yanjing"></i>
							<span>250</span>
						</p>
					</div>
				</div>
				<!--加载更多-->
					<div class="more">
						<a href="">加载更多</a>
					</div>
				
			</section>
			<div class="qwer">
				<div class="txsp clear_fix">
					<h1>腾讯视频</h1>
					<p>2016年5月26日</p>
					<i class="iconfont icon-yanjing eyes3">560</i>
					<p>腾讯视频贴片广告，60秒贴片广告，质量超棒！</p>
					<p>欢迎尝试，价格可谈。</p>
					<div class="txsp_img"><img src="img/ziyuan_img_01.jpg"/></div>
				</div>
				<h1>联系方式：</h1>
				<div class="red_call">
					<div class="red_call_01">
						<div class="red_call_img"><img src="img/ziyuan_head.png"/></div>
						<p>小脑斧</p>
					</div>
				<!------------------------------------------->
					<div class="red_call_01">
						<div class="red_call_img"><img src="img/ziyuan_phone.png"/></div>
						<p>020-123456</p>
					</div>
				<!------------------------------------------->
					<div class="red_call_02">
						<div class="red_call_img"><img src="img/ziyuan_email.png"/></div>
						<p>hotane@qq.com</p>
					</div>
				</div>	
				<!------------------------------------------->
			</div>
			<!--底部-->
			<footer class="clear_fix">
				<a href="index.html" class="home">
					<div class="home_img"><img src="img/shouye.png"/></div>
					<p>首页</p>
				</a>
				<div class="border-right"></div>
				<a href="gimc.html" class="gi">
					<div class="gi_img"><img src="img/GIMC_btn_2.png"/></div>
					<p>GIMC</p>
				</a>
				<div class="border-right"></div>
				<a href="wenzhang.html" class="article">
					<div class="art_img"><img src="img/wenzhang_02.png"/></div>
					<p>文章</p>
				</a>
				<div class="border-right"></div>
				<a href="ziyuan.html" class="resource">
					<div class="res_img"><img src="img/ziyuan.png"/></div>
					<p>资源</p>
				</a>
				<div class="border-right"></div>
				<a href="xueyuan.html" class="college">
					<div class="col_img"><img src="img/xueyuan_02.png"/></div>
					<p>学院</p>
				</a>
			</footer>
		</div>
		<!--登录弹窗-->
		<div class="loginBox">
			<label for="check">
				<span class="back">×</span>
			</label>
		
			<div class="loginBox_1">
				<div class="touxiang"><img src="img/head.png"/></div>
				<label for="check6"><p>立即登录</p></label>
				<a href="">忘记密码</a>
			</div>
			<!--灰度条-->
			<div class="gray"></div>
			<!--GIMC-->
			<label for="check2">
				<div class="GIMC clear_fix">
						<p>GIMC</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel">
				<label for="check2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</label>
			</div>
			<!--文章-->
			<label for="check3">
				<div class="article clear_fix">
						<p>文章</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel1">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--资源-->
			<label for="check4">
				<div class="resources clear_fix">
						<p>资源</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--课程-->
			<label for="check5">
				<div class="curriculum clear_fix">
						<p>课程</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel3">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
		</div>	
		<!--登录页面-->
		<div class="loginBox2 clear_fix">
			<div class="big_logo"><img src="img/big_logo.png"/></div>
			<!--用户-->
			<div class="user clear_fix">
				<div class="user_pic"><i class="iconfont icon-user user_img"></i></div>
				<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
			</div>
			<!--密码-->
			<div class="password clear_fix">
				<div class="password_pic"><i class="iconfont icon-mima password_img"></i></div>
				<input type="password" placeholder="请输入密码"/>
			</div>
			<!--忘记密码-->
			<div class="forget clear_fix">
				<i class="iconfont icon-wenhao wenhao"></i>
				<a href="">忘记密码</a>
			</div>
			<!--登录按钮-->
			<div class="login_btn clear_fix">
				<label for="check7">
					<h1>登录</h1>
				</label>
			</div>
			<!--注册按钮-->
			<div class="register_btn">
				<h1>注册</h1>
			</div>
		</div>
		<!--用户界面-->
		<div class="user_box">
				<a href="" class="back">×</a>
			<div class="loginBox_1 clear_fix">
				<div class="touxiang"><img src="img/photo.jpg"/></div>
				
				<div class="username clear_fix">
					<p>小脑斧</p>
					<a href="">个人中心></a>
				</div>
				<div class="star">
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
				</div>
				<div class="fans">
					<p>关注<span>36</span></p>
					<p>粉丝<span>290</span></p>
				</div>
				<div class="user_btn">
					<input type="button" value="我的收藏"/>
					<input type="button" value="我的发布"/>
				</div>
			</div>
			<!--灰度条-->
			<div class="gray"></div>
			<!--GIMC-->
			<label for="check2">
				<div class="GIMC clear_fix">
						<p>GIMC</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel">
				<label for="check2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</label>
			</div>
			<!--文章-->
			<label for="check3">
				<div class="article clear_fix">
						<p>文章</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel1">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--资源-->
			<label for="check4">
				<div class="resources clear_fix">
						<p>资源</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--课程-->
			<label for="check5">
				<div class="curriculum clear_fix">
						<p>课程</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel3">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<div class="out">
				<label for="check8">
					<div class="tuichu">退出</div>
				</label>	
			</div>
		</div>
		<!--搜索界面-->
		<div class="sea_box">
			<div class="sea_box_nav clear_fix">
				<label for="check11">
					<span class="back">×</span>
				</label>
				<div class="sea_nav clear_fix">
					<div class="nav_img"><img src="img/sea_img.png"/></div>
					<input type="text" placeholder="Search"/>
				</div>
			</div>
				<div class="sea_content clear_fix">
					<h1>热搜</h1>
					<!--省广股份-->
					<div class="sggf"><p>省广股份</p></div>
					<!--移动互联网-->
					<div class="ydhlw"><p>移动互联网</p></div>
					<!--细分平台业务-->
					<div class="xfptyw"><p>细分平台业务</p></div>
					<!--020-->
					<div class="O2O"><p>O2O</p></div>
					<!--媒介-->
					<div class="mjpt"><p>媒介平台</p></div>
					<!--拥抱变革，创造未来-->
					<div class="ybbg"><p>拥抱变革，创造未来</p></div>
					<!--平台-->
					<div class="pt"><p>平台</p></div>
					<!--上海金投赏创意节-->
					<div class="shjt"><p>上海金投赏创意节</p></div>
				</div>
		</div>
	</body>
</html>
